body {
    background: linear-gradient(to bottom, #FFD800 0%, #43240C 100%);

    .login-box {
        position: relative;
        width: 30%;
        height: auto;
        margin: 200px auto;
        text-align: center;
        background: rgba($color: #504733, $alpha: 0.6);
        padding: 20px 50px;

        h1 {
            color: #fff;

        }

        .form {
            position: relative;

            .item {
                margin-top: 15px;

                i {
                    font-size: 18px;
                    color: #fff;
                }


                input {
                    border: 0;
                    width: 180px;
                    font-size: 18px;
                    border-bottom: 2px solid #fff;
                    padding: 5px 10px;
                    background: rgba($color: #ffffff, $alpha: 0);
                    color: #fff;
                    outline: none;
                }
                .usernameTips{
                    position: absolute;
                    top: 14px;
                    left: 334px;
                    width: 115px;
                    color: darkorange;
                }
                .passwordTips{
                    position: absolute;
                    top: 62px;
                    width: 115px;
                    left: 334px;
                    color: darkorange;
                }
            }
        }

        button {
            margin-top: 40px;
            width: 180px;
            height: 30px;
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            background: rgba($color: #FFD800, $alpha: 0.6);
            border: none;
            border-radius: 15px;
            cursor: pointer;
        }
    }

    .logo {
        position: absolute;
        top: 50px;
        left: -300px;

        img {
            width: 100px;
            border-radius: 18px;

        }

        h2 {
            font-size: 24px;
            color: #fff;

        }
    }

    .title {
        position: absolute;
        top: 55px;
        left: 600px;


        p {
            font-size: 20px;
            line-height: 30px;
            font-weight: bold;
            color: #fff;
            width: 200px;

        }
    }
}